<style type="text/css" media="all">
	.projectList{
		padding:15px 10px;
	}
	.typeName{
		font-weight: bolder;
		margin-bottom: 5px;
	}
	.triangle{
		float:right;
		margin-right: 10px;
	    position: relative;
		top:13px;
		color:#2D57FF;
	}
</style>

<script id="recommendListTemplate" type="text/x-jquery-tmpl">
	
<div class="projectList" data-url=<%=url%>>
       <div class="typeName h5" id="softTypeName"><%=name%> 
             <span class="icon-chevron-right triangle"></span>
       </div>
       <div class="h6" id="softDescription"><%=description%> 
       </div>
</div>


</script>

<!-- header -->
<header class="bar-title">
	<div class="left-banner">
		<span class="backBtn icon-reply imgsize"></span>
	</div>
	<h1 class="title">每周推荐软件</h1>
</header>

<!-- uncomment this if you want a sencondary-bars

<nav class="bar-standard bar-header-secondary"></nav>
-->
<!-- content -->

<nav class="nav-menu bar-standard bar-header-secondary">
<ul id="io" class="segmented-controller">
	<li data-value="project/software-list">
		<a href="#">分类</a>
	</li>
	<li class="active" data-value="project/recommend-list">
		<a href="#">推荐</a>
	</li>
	<li data-value="project/newest-list">
		<a href="#">最新</a>
	</li>
	<li data-value="project/hot-list">
		<a href="#">热门</a>
	</li>
	<li data-value="project/domestic-list">
		<a href="#">国产</a>
	</li>
</ul>
</nav>

<div class="content">
	

<list id="project-recommend-list" 
    autoLoad="false"
    isPullDownRefresh="true"  
    jsonRoot="projectlist"
    bundle="fs"
    paging="true"
    iScroll="true"
    _itemTemplate="recommendListTemplate"></list>
</div>




